<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
    <meta content='' name='description'>
    <meta content='Nils Nordman' name='author'>
    <link href='/images/howl.png' rel='shortcut icon'>
    <title>Howl :: Spec - howl.Scintilla</title>
    <link href="/stylesheets/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/syntax.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/howl.css" media="screen" rel="stylesheet" type="text/css" />
    <link href='//fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
  </head>
  <body class='doc doc_spec doc_spec_scintilla_spec'>
    <div class='container'>
      <div class='masthead'>
        <ul class='nav nav-pills'>
          <li>
            <a href='/'>
              <span class='glyphicon glyphicon-home'></span>
              Home
            </a>
          </li>
          <li>
            <a href='/doc/'>
              <span class='glyphicon glyphicon-book'></span>
              Documentation
            </a>
          </li>
          <li>
            <a href='/blog/'>
              <span class='glyphicon glyphicon-bullhorn'></span>
              Blog
            </a>
          </li>
          <li>
            <a href='/contact.html'>
              <span class='glyphicon glyphicon-inbox'></span>
              Contact
            </a>
          </li>
        </ul>
      </div>
      <ol class="breadcrumb"><li><a href="/">Home</a></li><li><a href='../'>Howl 0.3 Documentation</a></li><li>Spec</li><li>Spec - howl.Scintilla</li></ol>
      <div class="spec-group spec-group-1">&#x000A;&#x000A;<h1 id="howl.scintilla">howl.Scintilla</h1>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="kd">local</span><span class="w"> </span><span class="n">sci</span><span class="w">&#x000A;&#x000A;</span><span class="n">before_each</span><span class="w"> </span><span class="o">-&gt;</span><span class="w">&#x000A;  </span><span class="n">sci</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nc">Scintilla</span><span class="o">!</span></code></pre>&#x000A;&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h2 id="character_count">character_count<span class="arg-list">()</span></h2>&#x000A;&#x000A;<h4 id="returns-the-number-of-characters-in-the-document">returns the number of characters in the document</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s1">'123'</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">character_count</span><span class="o">!</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s1">'HƏllo'</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="mi">8</span><span class="p">,</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">character_count</span><span class="o">!</span></code></pre>&#x000A;&#x000A;</div>&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h2 id="is_multibyte">is_multibyte<span class="arg-list">()</span></h2>&#x000A;&#x000A;<h4 id="returns-true-when-the-document-contains-multibyte-characters">returns true when the document contains multibyte characters</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">assert</span><span class="p">.</span><span class="n">is_false</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">is_multibyte</span><span class="p">()</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s1">'HƏllo'</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">is_true</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">is_multibyte</span><span class="p">()</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="o">\</span><span class="n">delete_range</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">is_false</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">is_multibyte</span><span class="p">()</span></code></pre>&#x000A;&#x000A;</div>&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h2 id="char_offset">char_offset<span class="arg-list">(byte_offset)</span></h2>&#x000A;&#x000A;<h4 id="returns-the-char_offset-for-the-given-byte_offset">returns the char_offset for the given byte_offset</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s1">'äåö'</span><span class="w">&#x000A;</span><span class="k">for</span><span class="w"> </span><span class="n">p</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="o">*</span><span class="p">{</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">},</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">},</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">},</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">6</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">},</span><span class="w">&#x000A;</span><span class="p">}</span><span class="w">&#x000A;  </span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">p</span><span class="p">[</span><span class="mi">2</span><span class="p">],</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">char_offset</span><span class="w"> </span><span class="n">p</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span></code></pre>&#x000A;&#x000A;</div>&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h2 id="byte_offset">byte_offset<span class="arg-list">(char_offset)</span></h2>&#x000A;&#x000A;<h4 id="returns-byte-offsets-for-all-character-offsets-passed-as-parameters">returns byte offsets for all character offsets passed as parameters</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s1">'äåö'</span><span class="w">&#x000A;</span><span class="k">for</span><span class="w"> </span><span class="n">p</span><span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="o">*</span><span class="p">{</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">},</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">},</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">},</span><span class="w">&#x000A;  </span><span class="p">{</span><span class="mi">6</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">},</span><span class="w">&#x000A;</span><span class="p">}</span><span class="w">&#x000A;  </span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">p</span><span class="p">[</span><span class="mi">1</span><span class="p">],</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">byte_offset</span><span class="w"> </span><span class="n">p</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span></code></pre>&#x000A;&#x000A;</div>&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h3 id=""><span class="arg-list">(offset handling stress test)</span></h3>&#x000A;&#x000A;<h4 id="returns-the-correct-result-as-compared-to-ustring">returns the correct result as compared to ustring</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">build</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{}</span><span class="w">&#x000A;</span><span class="n">line</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">'äåöLinƏΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣbutnowforsomesingleΤΥΦΧĶķĸĹĺĻļĽľĿŀŁłŃńŅņŇňŉŊŋŌōŎŏ'</span><span class="w">&#x000A;</span><span class="k">for</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="mi">3000</span><span class="w">&#x000A;  </span><span class="n">build</span><span class="p">[</span><span class="o">#</span><span class="n">build</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">line</span><span class="w">&#x000A;</span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">table.concat</span><span class="w"> </span><span class="n">build</span><span class="p">,</span><span class="w"> </span><span class="s1">'\n'</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">s</span><span class="w">&#x000A;&#x000A;</span><span class="k">for</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">3000</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="n">line</span><span class="p">.</span><span class="n">ulen</span><span class="p">,</span><span class="w"> </span><span class="mi">3007</span><span class="w">&#x000A;  </span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">s</span><span class="o">\</span><span class="n">byte_offset</span><span class="p">(</span><span class="n">i</span><span class="p">),</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">byte_offset</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="w">&#x000A;&#x000A;</span><span class="k">for</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">3000</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="o">#</span><span class="n">line</span><span class="p">,</span><span class="w"> </span><span class="mi">3007</span><span class="w">&#x000A;  </span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">s</span><span class="o">\</span><span class="n">char_offset</span><span class="p">(</span><span class="n">i</span><span class="p">),</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">char_offset</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="w">&#x000A;&#x000A;</span><span class="k">for</span><span class="w"> </span><span class="n">i</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mi">2000</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="o">#</span><span class="n">line</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="o">-</span><span class="mi">2003</span><span class="w">&#x000A;  </span><span class="n">sci</span><span class="o">\</span><span class="n">delete_range</span><span class="w"> </span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="mi">20</span><span class="w">&#x000A;  </span><span class="n">sci</span><span class="o">\</span><span class="n">insert_text</span><span class="w"> </span><span class="n">i</span><span class="p">,</span><span class="w"> </span><span class="s1">'ordinary ascii text here'</span><span class="w">&#x000A;  </span><span class="n">s</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">get_text</span><span class="o">!</span><span class="w">&#x000A;  </span><span class="n">c_offset</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">char_offset</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">100</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span><span class="w">&#x000A;  </span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">s</span><span class="o">\</span><span class="n">char_offset</span><span class="p">(</span><span class="n">i</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">100</span><span class="p">),</span><span class="w"> </span><span class="n">c_offset</span><span class="w">&#x000A;  </span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">s</span><span class="o">\</span><span class="n">byte_offset</span><span class="p">(</span><span class="n">c_offset</span><span class="p">),</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">byte_offset</span><span class="p">(</span><span class="n">c_offset</span><span class="w"> </span><span class="o">-</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mi">1</span></code></pre>&#x000A;&#x000A;</div>&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h2 id="color-handling">color handling</h2>&#x000A;&#x000A;<h4 id="automatically-converts-between-color-values-and-strings">automatically converts between color values and strings</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="o">\</span><span class="n">style_set_fore</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="s1">'#112233'</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">style_get_fore</span><span class="p">(</span><span class="mi">1</span><span class="p">),</span><span class="w"> </span><span class="s1">'#112233'</span></code></pre>&#x000A;&#x000A;&#x000A;<h4 id="colors-can-be-specified-by-name">colors can be specified by name</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="o">\</span><span class="n">style_set_fore</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="s1">'green'</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">equal</span><span class="w"> </span><span class="n">sci</span><span class="o">\</span><span class="n">style_get_fore</span><span class="p">(</span><span class="mi">1</span><span class="p">),</span><span class="w"> </span><span class="s1">'green'</span></code></pre>&#x000A;&#x000A;</div>&#x000A;<div class="spec-group spec-group-2">&#x000A;&#x000A;<h2 id=".dispatch">.dispatch</h2>&#x000A;&#x000A;<h4 id="calls-handlers-within-a-coroutine">calls handlers within a coroutine</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">in_coroutine</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kc">false</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ss">on_keypress:</span><span class="w"> </span><span class="o">-&gt;</span><span class="w">&#x000A;  </span><span class="n">_</span><span class="p">,</span><span class="w"> </span><span class="n">main</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">coroutine.running</span><span class="o">!</span><span class="w">&#x000A;  </span><span class="n">in_coroutine</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">main</span><span class="w"> </span><span class="o">==</span><span class="w"> </span><span class="kc">false</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="p">.</span><span class="n">dispatch</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">sci_ptr</span><span class="p">,</span><span class="w"> </span><span class="s1">'key-press'</span><span class="p">,</span><span class="w"> </span><span class="p">{}</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">is_true</span><span class="w"> </span><span class="n">in_coroutine</span></code></pre>&#x000A;&#x000A;&#x000A;<h4 id="returns-the-value-returned-by-the-handler">returns the value returned by the handler</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ss">on_keypress:</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="kc">true</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">is_true</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">dispatch</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">sci_ptr</span><span class="p">,</span><span class="w"> </span><span class="s1">'key-press'</span><span class="p">,</span><span class="w"> </span><span class="p">{}</span></code></pre>&#x000A;&#x000A;&#x000A;<h4 id="returns-true-to-indicated-handled-if-handler-yields">returns true to indicated handled if handler yields</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ss">on_keypress:</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="nb">coroutine.yield</span><span class="w"> </span><span class="kc">false</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">is_true</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">dispatch</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">sci_ptr</span><span class="p">,</span><span class="w"> </span><span class="s1">'key-press'</span><span class="p">,</span><span class="w"> </span><span class="p">{}</span></code></pre>&#x000A;&#x000A;&#x000A;<h4 id="calls-the-on_error-handler-with-the-error-if-a-handler-raise-one">calls the on_error handler with the error if a handler raise one</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w">&#x000A;  </span><span class="ss">on_keypress:</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="nb">error</span><span class="w"> </span><span class="s1">'BOOM!'</span><span class="w">&#x000A;  </span><span class="ss">on_error:</span><span class="w"> </span><span class="n">spy</span><span class="p">.</span><span class="n">new</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="kc">nil</span><span class="w">&#x000A;</span><span class="p">}</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="p">.</span><span class="n">dispatch</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">sci_ptr</span><span class="p">,</span><span class="w"> </span><span class="s1">'key-press'</span><span class="p">,</span><span class="w"> </span><span class="p">{}</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">spy</span><span class="p">(</span><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="p">.</span><span class="n">on_error</span><span class="p">).</span><span class="n">was_called_with</span><span class="p">(</span><span class="s1">'BOOM!'</span><span class="p">)</span></code></pre>&#x000A;&#x000A;<div class="spec-group spec-group-3">&#x000A;&#x000A;<h3 id=""><span class="arg-list">(for key-press event)</span></h3>&#x000A;&#x000A;<h4 id="calls-the-on_keypress-handler-if-present">calls the on_keypress handler if present</h4>&#x000A;&#x000A;<pre class="highlight moonscript"><code><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="ss">on_keypress:</span><span class="w"> </span><span class="n">spy</span><span class="p">.</span><span class="n">new</span><span class="w"> </span><span class="o">-&gt;</span><span class="w"> </span><span class="kc">nil</span><span class="w">&#x000A;</span><span class="n">sci</span><span class="p">.</span><span class="n">dispatch</span><span class="w"> </span><span class="n">sci</span><span class="p">.</span><span class="n">sci_ptr</span><span class="p">,</span><span class="w"> </span><span class="s1">'key-press'</span><span class="p">,</span><span class="w"> </span><span class="p">{}</span><span class="w">&#x000A;</span><span class="n">assert</span><span class="p">.</span><span class="n">spy</span><span class="p">(</span><span class="n">sci</span><span class="p">.</span><span class="n">listener</span><span class="p">.</span><span class="n">on_keypress</span><span class="p">).</span><span class="n">was_called</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span></code></pre>&#x000A;&#x000A;</div>&#x000A;</div>&#x000A;</div>
      <div class='footer text-muted'>
        <a href='/'>
          <img width="50" height="50" class="footer-logo" src="/images/howl.png" />
        </a>
        <div class='footer-follow'>
          <p>
            <a class='twitter-follow-button' data-lang='en' data-show-count='false' href='https://twitter.com/howleditor' rel='me'>
              Follow @howleditor
            </a>
          </p>
          <p>
            <a class='twitter-share-button' data-count='none' data-hashtags='howleditor' data-lang='en' data-text='The Howl Editor, a general purpose, light-weight customizable editor.' data-url='http://howl.io' href='https://twitter.com/share'>
              Tweet
            </a>
          </p>
        </div>
        <div class='footer-blurb'>
          <div>The Howl editor.</div>
          <div>
            Copyright 2012-2015
            <a class='alert-link' href='https://github.com/nilnor/howl/contributors'>
              The Howl Developers.
            </a>
          </div>
        </div>
      </div>
    </div>
    <script>
      <!-- / GA -->
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-45283282-1', 'howl.io');
      ga('send', 'pageview');
      <!-- / Twitter -->
      !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
      if(!d.getElementById(id)){js=d.createElement(s);js.id=id;
      js.src="//platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
    </script>
  </body>
</html>
